<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第三章标签</title>
    <style  type="text/css">
        h2 {
            color: black;
            background: green;
        }

        /*    table, tr, td, th {
                border: 1px solid #000;
            }*/
        table, tr, td, th {
            border: 1px solid #000;
        }

    </style>
</head>
<body>

<!--============================分割线===============================-->
<h2>使用ul，添加新闻信息列表</h2>

<ul>
    <li>精彩少年</li>
    <li>美丽突然出现</li>
    <li>触动心灵的旋律</li>
</ul>

<!--============================分割线===============================-->
<h2>使用ol，添加图书销售排行榜 有序列表</h2>

<ol>
    <li>Android开发</li>
    <li>前端开发面试心法</li>
    <li>零基础学习html</li>
    <li>JavaScript全攻略</li>
</ol>

<!--============================分割线===============================-->
<h2>table标签，认识网页上的表格</h2>

<table>

    <caption style="color: #f02d2d"> 光明小学班级报表</caption>
    <tr>
        <th>班级</th>
        <th>人数</th>
        <th>姓名</th>
    </tr>

    <tr>
        <td>1班</td>
        <td>32人</td>
        <td>小徐</td>
    </tr>

    <tr>
        <td>2班</td>
        <td>32</td>
        <td>小李</td>
    </tr>

    <tr>
        <td>3班</td>
        <td>44人</td>
        <td>小雷</td>
        <td>小王</td>
    </tr>
</table>

<!--============================分割线===============================-->
<h2>table标签，认识网页上的表格</h2>


</body>
</html>